<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>{% block title %}
Page title
{% endblock %}</title>
<link href="/static/style.css" rel="stylesheet" type="text/css">
<script src="/static/jquery.js"></script>
<link href="/static/jquery-ui.all.css" rel="stylesheet">
<script src="/static/jquery-ui.js"></script>

<script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
</script>
{% block scripts %}
{% endblock %}
</head>
<body>
<div id='wrapper'>
  <div id='header'>
  

    <div id='header_left'>
      <div id='header_name'>
        <div id='header_top_left'>
          <p><a href='/'>Home</a></p>
        </div>
        <div id='user_welcome'>
          {% if user %}
            <p>Welcome, {{user}}!</p>
          {% endif %}
        </div>
      </div>
    </div>
    
    <div id='header_right'>
      <p><a href='/editprofile'>Edit Profile</a> | <a href='{{logout_link}}'>Logout</a></p>
    </div>
    <div class="clear"></div>
  </div>
  <div class='main_clear'></div>
  <div id='container'>
    <div id='navi'>
      {% block navi %}
      <div id='classes'>
        <p><h2>Classes</h2></p>
        <ul class='class_head'>
        {% for section in sections %}
          <li class='class_list' id='{{section}}'>{{section.classes}}</li>
        {% endfor %}
        </ul>
      </div>
      {% endblock %}
    </div>
    
    <div id='content_container'>
      <div id='content'>
        {% block content %}
        Content
        {% endblock %}
      </div>
    </div>
    <div class="clear"></div>
  </div>
  
  <div class="main_clear"></div>
  
  <div style='width:100%; text-align:center;' id='footer'>
    {% block footer %}
	Copyright 2010 by Chris Cartland, Kristine Chen, John Tsai and Ryan Tseng
    {% endblock %}
  </div>
</div>
</body>
</html>